<template>
  <div class="rank">
    <Side class="side"></Side>
    <Right></Right>
  </div>
</template>

<script>
import { mapActions } from 'vuex'
import Right from './Right'
import Side from './Side'
import { reqRankListAllData } from '@/api/rankList'
export default {
  name: 'rankling-list',
  components: { Right, Side },
  date() {
    return {
      state: [1, 2],
    }
  },
  methods: {
    ...mapActions('ranklist', ['getRankDataList']),
  },

  async mounted() {
    this.getRankDataList()
    const result = await reqRankListAllData()
  },
}
</script>

<style lang="less" scoped>
.rank {
  width: 985px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #fff;
  border: 1px solid #d3d3d3;
  .side {
    height: 100%;
  }
}
</style>
